	.checkinWrap {
	  position: relative;
	  margin: auto;
	  margin-top: 5%;
	  width: 191px;
	  text-align: center;
	}
	.checkinWrap button {
	  display: block;
	  height: 60px;
	  padding: 0;
	  width: 191px;
	  background: none;
	  margin: auto;
	  border: 2px solid #1ECD97;
	  font-size: 20px;
	  color: #1ECD97;
	  cursor: pointer;
	  outline: none;
	  text-align: center;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  -moz-border-radius: 30px;
	  -webkit-border-radius: 30px;
	  border-radius: 30px;
	  -moz-transition: background 0.4s, color 0.4s, font-size 0.05s, width 0.4s, border 0.4s;
	  -o-transition: background 0.4s, color 0.4s, font-size 0.05s, width 0.4s, border 0.4s;
	  -webkit-transition: background 0.4s, color 0.4s, font-size 0.05s, width 0.4s, border 0.4s;
	  transition: background 0.4s, color 0.4s, font-size 0.05s, width 0.4s, border 0.4s;
	}
	.checkinWrap button:hover {
	  background: #1ECD97;
	  color: white;
	}
	.checkinWrap img {
	  position: absolute;
	  top: 11px;
	  display: none;
	  left: 71.5px;
	  -moz-transform: scale(0.6, 0.6);
	  -ms-transform: scale(0.6, 0.6);
	  -webkit-transform: scale(0.6, 0.6);
	  transform: scale(0.6, 0.6);
	}
	.checkinWrap svg {
	  -moz-transform: rotate(270deg);
	  -ms-transform: rotate(270deg);
	  -webkit-transform: rotate(270deg);
	  transform: rotate(270deg);
	  /* @include rotate(270deg); */
	  position: absolute;
	  top: -2px;
	  left: 62px;
	  display: none;
	}
	.checkinWrap svg .circle_2 {
	  stroke-dasharray: 0 200;
	}
	.checkinWrap svg .fill_circle {
	  -moz-animation: fill-stroke 2s 0.4s linear forwards;
	  -webkit-animation: fill-stroke 2s 0.4s linear forwards;
	  animation: fill-stroke 2s 0.4s linear forwards;
	}
	.checkinWrap .circle {
	  width: 60px;
	  border: 3px solid #c3c3c3;
	  /* border: none; */
	}
	.checkinWrap .circle:hover {
	  background: none;
	}
	.checkinWrap .filled {
	  background: #1ECD97;
	  color: white;
	  line-height: 60px;
	  font-size: 160%;
	}
	@-moz-keyframes fill-stroke {
	  0% {
	    stroke-dasharray: 0 200;
	  }
	  20% {
	    stroke-dasharray: 20 200;
	  }
	  40% {
	    stroke-dasharray: 30 200;
	  }
	  50% {
	    stroke-dasharray: 90 200;
	  }
	  70% {
	    stroke-dasharray: 120 200;
	  }
	  90% {
	    stroke-dasharray: 140 200;
	  }
	  100% {
	    stroke-dasharray: 182 200;
	  }
	}
	@-webkit-keyframes fill-stroke {
	  0% {
	    stroke-dasharray: 0 200;
	  }
	  20% {
	    stroke-dasharray: 20 200;
	  }
	  40% {
	    stroke-dasharray: 30 200;
	  }
	  50% {
	    stroke-dasharray: 90 200;
	  }
	  70% {
	    stroke-dasharray: 120 200;
	  }
	  90% {
	    stroke-dasharray: 140 200;
	  }
	  100% {
	    stroke-dasharray: 182 200;
	  }
	}
	@keyframes fill-stroke {
	  0% {
	    stroke-dasharray: 0 200;
	  }
	  20% {
	    stroke-dasharray: 20 200;
	  }
	  40% {
	    stroke-dasharray: 30 200;
	  }
	  50% {
	    stroke-dasharray: 90 200;
	  }
	  70% {
	    stroke-dasharray: 120 200;
	  }
	  90% {
	    stroke-dasharray: 140 200;
	  }
	  100% {
	    stroke-dasharray: 182 200;
	  }
	}